
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>重大项目</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
		<link rel="stylesheet" href="../../public/res/css/g.css" media="all">
		<link rel="stylesheet" href="../../public/res/css/m.css" media="all">
	</head>
	<body>
		<div class="layui-fluid">
			<div  style="padding: 15px;">
				<div class="layui-row layui-col-space5">
					<div class="layui-col-md5">
						<div class="layui-row  grid-demo">
							<div class="layui-col-md12">
								<div class="grid-demo grid-demo-bg3">
									<div class="layui-card">
										<div class="layui-card-body">
											<div class="layui-row layui-col-space10">
												<div class="layui-col-md6 mbox">
													<div class="itemBox">
														<h1>新家园横琴中央汇商业社区</h1>
														<div class="wBox">
															<div class="leftBox boxBg1">投产</div>
															<div class="rightBox">
																<p class=""><span class="counts">累计税收</span><span class="count"><span class="layui-badge">99</span>万</span></p>
																<p class=""><span class="counts">总投资额</span><span class="count"><span class="layui-badge layui-bg-cyan">2654</span>万</span></p>
															</div>
														</div>
													</div>
												</div>
												<div class="layui-col-md6 mbox">
													<div class="itemBox">
														<h1>新家园横琴中央汇商业社区</h1>
														<div class="wBox">
															<div class="leftBox boxBg2">投产</div>
															<div class="rightBox">
																<p class=""><span class="counts">累计税收</span><span class="count"><span class="layui-badge">99</span>万</span></p>
																<p class=""><span class="counts">总投资额</span><span class="count"><span class="layui-badge layui-bg-cyan">2654</span>万</span></p>
															</div>
														</div>
													</div>
												</div>
												<div class="layui-col-md6 mbox">
													<div class="itemBox">
														<h1>新家园横琴中央汇商业社区</h1>
														<div class="wBox">
															<div class="leftBox boxBg3">投产</div>
															<div class="rightBox">
																<p class=""><span class="counts">累计税收</span><span class="count"><span class="layui-badge">99</span>万</span></p>
																<p class=""><span class="counts">总投资额</span><span class="count"><span class="layui-badge layui-bg-cyan">2654</span>万</span></p>
															</div>
														</div>
													</div>
												</div>
												<div class="layui-col-md6 mbox">
													<div class="itemBox">
														<h1>新家园横琴中央汇商业社区</h1>
														<div class="wBox">
															<div class="leftBox boxBg1">投产</div>
															<div class="rightBox">
																<p class=""><span class="counts">累计税收</span><span class="count"><span class="layui-badge">99</span>万</span></p>
																<p class=""><span class="counts">总投资额</span><span class="count"><span class="layui-badge layui-bg-cyan">2654</span>万</span></p>
															</div>
														</div>
													</div>
												</div>
												<div class="layui-col-md6 mbox">
													<div class="itemBox">
														<h1>新家园横琴中央汇商业社区</h1>
														<div class="wBox">
															<div class="leftBox boxBg1">投产</div>
															<div class="rightBox">
																<p class=""><span class="counts">累计税收</span><span class="count"><span class="layui-badge">99</span>万</span></p>
																<p class=""><span class="counts">总投资额</span><span class="count"><span class="layui-badge layui-bg-cyan">2654</span>万</span></p>
															</div>
														</div>
													</div>
												</div>
												<div class="layui-col-md6 mbox">
													<div class="itemBox">
														<h1>新家园横琴中央汇商业社区</h1>
														<div class="wBox">
															<div class="leftBox boxBg1">投产</div>
															<div class="rightBox">
																<p class=""><span class="counts">累计税收</span><span class="count"><span class="layui-badge">99</span>万</span></p>
																<p class=""><span class="counts">总投资额</span><span class="count"><span class="layui-badge layui-bg-cyan">2654</span>万</span></p>
															</div>
														</div>
													</div>
												</div>
												
											</div>

										</div>
									</div>
								</div>
							</div>
							<div class="layui-col-md12" style="margin-top: 10px;">
								<div class="grid-demo grid-demo-bg3">
									<div class="layui-card">
										<div class="layui-card-header">
											<span class="circularhd">投产</span><span class="titlehd">新家园横琴中央汇商业社区</span><span class="signhd"><i></i>区级项目</span>
										</div>
										<div class="layui-card-body">
											<div class="layui-tab layui-tab-card" lay-filter="docDemoTabBrief">
												<ul class="layui-tab-title">
													<li class="layui-this">项目概况</li>
													<li>建设单位</li>
													<li>入住企业</li>
												</ul>
												<div class="layui-tab-content">
													<div class="layui-tab-item layui-show">
														<div class="layui-row">
															<div class="layui-col-md5">
																<p>完整名称：<i style="color: #ffa013;">新家园横琴中央汇商业社区</i></p>
																<p>总建设面积：<i style="color: #0cad9e;">9684</i>m²</p>
																<p>年计划投资额：<i style="color: #c410e3;">298,158,963.12</i></p>
																<p>总投资预算：<i style="color: #c410e3;">634,158,985.32</i></p>
																<p>缴纳税款情况：<i style="color: #c410e3;">1,532,039.59</i></p>
															</div>
															<div class="layui-col-md7">
																<img src="../../public/res/images/hengqin/info2.png" />
															</div>
														</div>
														<div class="layui-row">
															<div class="layui-col-md12">
																<p class="mlable">横琴中央汇原名横琴新家园商业街，开发商：珠海大横琴投资有限公司，运营管理商：珠海市东信中央汇物业管理有限公司。 横琴中央汇位于综合服务区环岛东路中部，是以潮流时尚美食聚集地为主题，成熟业态组合，打造全栖时尚生活场，集住宅、商务、行政办公于一体,环境优美、设施一流、高效集约的“极核”区域。</p>
																<p class="mlable">现已入驻品牌商家有：喆啡酒店，汉堡王，赛百味，蒂伊克面包，一号咖啡店，啡茶馔，爱尚牛鼎记,红雨轩香辣蟹小龙虾，灏怡地产，澳门银河办公室，优越生活馆等。</p>
															</div>
														</div>
													</div>
													<div class="layui-tab-item" style="width: 100%;"  id="TabContent">
														<div id="echartsR" style="height:300px;width: 100%;"></div>
														<div>
															<table class="mtable2">
																<tr>
																	<th>企业名称</th>
																	<th>项目角色</th>
																	<th>缴纳税收</th>
																	<th>占比<br>(本项目税收)</th>
																	<th>操作</th>
																</tr>
																<tr>
																	<td>珠海大横琴xx有限公司</td>
																	<td>建设单位</td>
																	<td>491352.33</td>
																	<td>15%</td>
																	<td><img src="../../public/res/images/hengqin/location.png" /></td>
																</tr>
																<tr>
																	<td>珠海市xx建筑有限公司</td>
																	<td>承建单位</td>
																	<td>332439.08</td>
																	<td>16.9</td>
																	<td><img src="../../public/res/images/hengqin/location.png" /></td>
																</tr>
																<tr>
																	<td>珠海市笼火建设建筑公司</td>
																	<td>承建单位</td>
																	<td>300100.09</td>
																	<td>18%</td>
																	<td><img src="../../public/res/images/hengqin/location.png" /></td>
																</tr>
															</table>
														</div>
													</div>
													<div class="layui-tab-item">
														<span class="span-txt">入住企业：<i>322</i>户</span><span class="span-txt">合计税收：<i>3256</i>万</span><span class="span-txt" style="float: right;">排序：累计税收</span>
														<table class="mtable2">
															<tr>
																<th>序号</th>
																<th>企业名称</th>
																<th>入住时间</th>
																<th>累计税收</th>
																<th>操作</th>
															</tr>
															<tr>
																<td>1</td>
																<td>珠海大横琴xx有限公司</td>
																<td>2017.02.03</td>
																<td>491352.33</td>
																<td><img src="../../public/res/images/hengqin/location.png" /></td>
															</tr>
															<tr>
																<td>2</td>
																<td>珠海市xx建筑有限公司</td>
																<td>2017.05.03</td>
																<td>332439.08</td>
																<td><img src="../../public/res/images/hengqin/location.png" /></td>
															</tr>
															<tr>
																<td>3</td>
																<td>珠海市笼火建设建筑公司</td>
																<td>2018.04.21</td>
																<td>300100.09</td>
																<td><img src="../../public/res/images/hengqin/location.png" /></td>
															</tr>
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-md7">
						<div class="grid-demo">
							<div class="grid-demo grid-demo-bg3">
								<div class="layui-card">
									<div class="layui-card-header">功能区域层</div>
									<div class="layui-card-body">
										<img src="../../public/res/images/hengqin/grid2.png" width="100%"/>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../layuiadmin/layui/layui.js"></script> 
	<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
	<script>
		layui.use(['element','layer'], function(){
			var $ = layui.jquery
  			,element = layui.element
  			,layer = layui.layer;
  			
  			
  			//echarts
			// 路径配置
			require.config({
				paths: {
					echarts: 'http://echarts.baidu.com/build/dist'
				}
			});
  			  // 使用
	        require(
	            [
	                'echarts',
	                'echarts/chart/bar',
	                'echarts/chart/line' ,
	                'echarts/chart/pie', 
	                'echarts/chart/funnel'// 使用柱状图就加载bar模块，按需加载
	            ],
	            function (ec) {
	            	$("#echartsR").css('width',$("#TabContent").width()-50);
	                // 基于准备好的dom，初始化echarts图表
	                var myChart = ec.init(document.getElementById('echartsR'));
	                
	                
	                var option = {
						    title : {
//						        text: '某站点用户访问来源',
//						        subtext: '纯属虚构',
//						        x:'center'
						    },
						    tooltip : {
						        trigger: 'item',
						        formatter: "{a} <br/>{b} : {c} ({d}%)"
						    },
						    legend: {
						        orient : 'vertical',
						        x : 'left',
						        data:['广东天成房地产有限公司','珠海龙华建设有限公司','珠海市XX高科技产业园区','珠海市XX房地产有限公司']
						    },
						    toolbox: {
						        show : true,
						        feature : {
						            mark : {show: true},
						            dataView : {show: true, readOnly: false},
						            restore : {show: true},
						            saveAsImage : {show: true}
						        }
						    },
						    calculable : true,
						    series : [
						        {
						            name:'税收/占比',
						            type:'pie',
						            radius : '55%',
						            center: ['50%', '60%'],
						            data:[
						                {value:491352.33, name:'珠海市XX高科技产业园区'},
						                {value:332439.08, name:'珠海龙华建设有限公司'},
						                {value:300100.09, name:'广东天成房地产有限公司'},
						                {value:408148.06, name:'珠海市XX房地产有限公司'}
						            ]
						        }
						    ]
						};
	        		
	            
	                // 为echarts对象加载数据 
	                myChart.setOption(option); 
	                myChart.resize();
	             }
	        );	
		});
	</script>
</html>
